#root {
  // width: 100vw;
  height: 100vh;
  margin: 0 auto;
  display: flex;

  .container {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;

    .header {
      margin-top: 10px;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: var(--color-weak);
      width: 100vw;
      flex: 1;
    }

    .content {
      flex-grow: 10;
      display: flex;
    }
  }

  .result,
  .align-center {
    align-items: center;
  }
}

.filename {
  .label {
    font-weight: normal;
    font-size: var(--font-size-4);
    margin-right: 4px;
    color: var(--color-weak);
    text-shadow:
      0.1px 0.1px 0.1px var(--color-weak),
      -0.1px -0.1px 0.1px var(--color-light);
  }
}

.dark-switch {
  position: fixed;
  right: 20px;
  top: 10px;
  z-index: var(--z-index-level-top);
}
